let [a, b, c] = [false, false, false];//正则是否通过的标记

$(() => {
    //清空提示信息
    $("input").focus(function () {
        $('.hint').html('');
        $(this).next().empty()
    });
    //登录页点击注册
    onSign();
    //登录页点击登陆登陆
    login();

//注册页返回登录
    $('.backLogin').click(function () {
        $(".loginPage").fadeToggle();
        $(".signPage").fadeToggle();
    })
});

function login() {
    //登陆验证
    $(".loginPage").submit(function (e) {
        // 阻止默认的提交事件
        e.preventDefault();
        $(".hint").empty();
        $.ajaxSettings.async = false;
        $.post("http://116.62.159.100/login.html", {
            userName: $("#userName").val(),
            passWord: $("#passWord").val()
        }, function (res) {
            console.log(res);
            let user = JSON.parse(res);
            if (user) {
                localStorage.setItem("USER_LOGIN", JSON.stringify(user));
                location = "html/chat.html";
            } else {
                $(".hint").html("错误的用户名或密码！");
            }
        });
        $.ajaxSettings.async = true;
    });
}

//登录页点击注册
function onSign() {
    $(".sign").click(function () {
        $(".loginPage").fadeToggle();
        $(".signPage").fadeToggle();//显示注册页
    });
    //跳转到注册页之后
    //验证用户名
    $("#user_Name").blur(function () {
        inpUserName($(this));
    });
    //验证密码
    $("#pass_Word").blur(function () {
        checkPassword($(this));
    });
    //确认密码
    $("#passWord_agin").blur(function () {
        checkRepassword($(this));
    });
    $(".nowSign").click(function () {//点击注册按钮时
        //验证表单-就是判断标记abc
        console.log(a,b,c);
        if (a&&b&&c) {
            //alert('pp');
            //所有正则通过则提交到后台进行注册
            let user_Name = $("#user_Name").val();
            let pass_Word = $("#pass_Word").val();
            $.post(
                //请求的地址"
                "http://116.62.159.100/regiester.html",
                //请求参数
                {
                    userName: user_Name,
                    passWord: pass_Word,
                    msg: "進來了",
                    count: "1"
                },
                //请求成功的回调函数：res就是回调的对象
                function (res) {
                    //console.log(res);
                    let rest = JSON.parse(res);
                    if (rest.reason == '注册成功！') {
                        alert('注册成功');
                        $(".loginPage").fadeToggle();
                        $(".signPage").fadeToggle();//显示注册页
                        //要清空输入框啊,万一他上次输了错误的呢
                        location.reload()
                    } else {
                    }
                },
            );
        } else {
            alert('输入有误,请重新注册');
            $('#user_Name,#pass_Word,#passWord_agin').val('');
            $('span').empty()
        }
    });


}

//验证用户名
let inpUserName = (t) => {
    let reg_userName = /^[a-z0-9_-]{3,16}$/;
    let userName = t.val();
    //将用户名发送后台进行比对
    $.post(
        //请求的地址"
        "http://116.62.159.100/regiester.html",
        //请求参数
        {
            userName: userName,
        },
        //请求成功的回调函数：e就是回调的对象
        function (e) {
            let rest = JSON.parse(e);
            //如果后台返回'被占用'那就真的被占用了
            let hold = rest.reason.indexOf('被占用');
            if (hold !== -1) {
                //  alert('00')
                t.next().html("用户名被占用");
                a = false
            } else if (!userName) {
                t.next().html("用户名不能为空")
            } else if (reg_userName.test(userName)) {
                t.next().html("可以注册");
                a = true
            } else {
                t.next().html("用户名格式不正确");
                a = false
            }
        },
    );

};

//验证密码
function checkPassword(t) {
    let value = t.val();
    let span = t.next();
    span.empty();
    let reg = /^[a-zA-Z$_]\w{5,11}$/;
    if (!value) {
        span.html("密码不能为空！");
        b = false
    } else if (!reg.test(value)) {
        span.html("密码首位为字母，6-12位");
        b = false
    } else {
        span.html("密码符合要求！");
        b = true
    }
}

//确认密码
function checkRepassword(t) {
    let value = t.val();
    let span = t.next();
    let p = $("#pass_Word");
    span.empty();
    if (value !== p.val()) {
        span.html("两次密码输入不一致！");
        c = false;
    }else {
        if (value!==''){ span.html("确认密码正确！");
            c = true;}}

}